import React, {Component, cloneElement} from 'react';
import propTypes from 'prop-types';
import classNames from 'classnames';

class TabPane extends Component {
  static propTypes = {}

  render() {
    const {classPrefix, className, isActive, children} = this.props;
    const classes = classNames({
      [className]: className,
      [`${classPrefix}-panel`]: true,
      [`${classPrefix}-active`]: isActive
    })
    return (
      <div
        className={classes}
      >
        {children}
      </div>
    );
  }

}

export default TabPane;
